﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>分页显示</title>
    <link href="CSS/jpaginate.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/jquery-1.4.4.js" type="text/javascript"></script>
    <script src="javascript/jquery.paginate.js" type="text/javascript"></script>
    <script type="text/javascript">
        function GetPageNum() {
            var pageNum = 1;
            $.post("/ScenicAnnountion/getPageAmount", function (data) {
                pageNum = parseInt(data);
            });
            alert(pageNum);
            return pageNum;
        }
        $(function () {
            $("#demo").paginate({
                count: GetPageNum(),
                start: 1,
                display: 3,
                border: true,
                border_color: '#BEF8B8',
                text_color: '#79B5E3',
                background_color: '#E3F2E1',
                border_hover_color: '#68BA64',
                text_hover_color: '#2573AF',
                background_hover_color: '#CAE6C6',
                images: false,
                mouse: 'press',
                onChange: function (page) {
                    
                }
            });
        })
    </script>
</head>
<body>
    <div class="demo" id="demo">
    </div>
</body>
</html>
